<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D立方体</title>
    <!-- cube3d.css 实现立方体 -->
    <link rel="stylesheet" href="./css/cube3d.css">
</head>

<body>
    <div class="wrapper">
        <!-- cube 是立方体 -->
        <div class="cube" id="cube">
            <!-- span 是六个面 -->
            <span><img src="./images/tu1.png" alt=""></span>
            <span><img src="./images/tu2.png" alt=""></span>
            <span><img src="./images/tu3.png" alt=""></span>
            <span><img src="./images/tu4.png" alt=""></span>
            <span><img src="./images/tu5.png" alt=""></span>
            <span><img src="./images/tu6.png" alt=""></span>
        </div>
    </div>
    <!-- cube3d.js 实现立方体的拖拽效果 -->
    <script src="./js/cube3d.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>